<template>
	<div class="experience-container">
		<el-timeline style="max-width: 100%">
			<el-timeline-item timestamp="2021.04 ~ 至今" placement="top">
				<el-card>
					<div class="timestamp-card">
						<el-image
							style="width: 100px; height: 100px; margin-right: 1rem"
							:src="safeResolve('/images/icons/creality.webp')"
							fit="contain"
						/>
						<el-card shadow="never">
							<h4>深圳创想三维科技有限公司</h4>
							<p>
								任职高级应用工程师，负责相关领域新动向和新技术的预研工作，并落地到公司核心产品之上。参与公司桌面端，PC端以及Pad端的前端业务功能的研发，攻克技术难题，解决关键的前端技术问题。独立负责公司嵌入式设备的QT图形化界面的核心编码和功能模块设计，参与算法优化，3D渲染等编程工作，并输出技术文档。
							</p>
						</el-card>
					</div>
				</el-card>
			</el-timeline-item>
			<el-timeline-item timestamp="2020.04 ~ 2021.03" placement="top">
				<el-card>
					<div class="timestamp-card">
						<el-image
							style="width: 100px; height: 100px; margin-right: 1rem"
							:src="safeResolve('/images/icons/zrgj.webp')"
							fit="contain"
						/>
						<el-card shadow="never">
							<h4>深圳中软国际科技服务有限公司</h4>
							<p>
								任职中级前端开发工程师，参与ERP系统的前端开发工作，研发项目迭代升级。负责公共组件的研发与封装，包括浏览器兼容性和性能优化，前端UI界面还原，交互设计与功能实现等工作。
							</p>
						</el-card>
					</div>
				</el-card>
			</el-timeline-item>
			<el-timeline-item timestamp="2019.04 ~ 2020.03" placement="top">
				<el-card>
					<div class="timestamp-card">
						<el-image
							style="width: 100px; height: 100px; margin-right: 1rem"
							:src="safeResolve('/images/icons/lyz.png')"
							fit="contain"
						/>
						<el-card shadow="never">
							<h4>深圳乐易住智能科技股份有限公司</h4>
							<p>
								任职小程序开发/前端开发工程师，独自负责公司Web端H5项目和微信小程序的研发以及维护工作，配合设计师与后台工程师完成UI交互效果和功能实现。参与前端团队日常和项目管理，持续优化代码和项目架构，保证代码质量和服务稳定，提升用户体验。
							</p>
						</el-card>
					</div>
				</el-card>
			</el-timeline-item>
			<el-timeline-item timestamp="2016.10 ~ 2019.4" placement="top">
				<el-card>
					<div class="timestamp-card">
						<el-image
							style="width: 100px; height: 100px; margin-right: 1rem"
							:src="safeResolve('/images/icons/hhlife.jpg')"
							fit="contain"
						/>
						<el-card shadow="never">
							<h4>深圳华汉基因科技有限公司</h4>
							<p>
								任职网络工程师/前端开发工程师，负责公司网络设备的搭建和维护，负责包括公司官网，ERP管理系统等H5前端项目的研发，并进行业务功能的定制化开发。解决研发过程中的关键问题和技术难点，对前端的性能，安全性，兼容性等负责。
							</p>
						</el-card>
					</div>
				</el-card>
			</el-timeline-item>
		</el-timeline>
	</div>
</template>
<script setup lang="ts"></script>
<style scoped lang="scss">
.timestamp-card {
	display: flex;
	align-items: center;
	.el-card {
		flex: 1;
	}
}
</style>
